.SocialAlbum.stream ul { margin: 0px; padding: 0px; }
.SocialAlbum.album ul { margin: 0px; padding: 0px; list-style-type: none; }
.SocialAlbum.album li { list-style-type: none; }
.SocialAlbum.album ul li { margin: 4px 0px; }


.SocialAlbum.album li ul li { display: none; }
.SocialAlbum.album li ul li:first-child { display: block; }

.SocialAlbum.album.hor li { float: left; margin: 0px; line-height: 0px; }
#main .SocialAlbum.album.hor li { height: 155px; }
#left .SocialAlbum.album.hor li.photo { height: 51px; }

/* horizontal listings */
#main .mod.SocialAlbum.hor { padding-right: 0px; padding-bottom: 5px; width: 674px; float: left; }
#main .SocialAlbum.album.hor li ul li {
	margin-right: 24px; margin-bottom: 17px; 
}

/* horizontal mosaic */
#left .mod.SocialAlbum.mosaic { 
	width: 100%; height: auto;
	padding: 0;
	background: transparent; border: 0px; -moz-box-shadow: 0 0px 0px 0px; -webkit-box-shadow: 0 0px 0px 0px;
}
#left .mod.SocialAlbum .empty{ display: block; margin-left: 21px; }



/* GENERAL STYLES */

.SocialAlbum { }

.SocialAlbum .stable {
	width:100%; height:1px; clear:both;
}


/* Action: album. */
.SocialAlbum .album {
	float:left; width:124px; margin:4px 10px 2px 0; padding:0; display:block; 
	-moz-border-radius:3px; border-radius: 3px;
}

.SocialAlbum .album .thumb {
	width:124px; min-height:142px; padding:6px 0; background:black; cursor:pointer;
	-moz-border-radius:3px; border-radius: 3px; -webkit-box-shadow: 0 0 4px rgba(0,0,0, 0.5); -moz-box-shadow: 0 0 4px rgba(0,0,0, 0.5);
}

.SocialAlbum .album .name {
	display:block;
	font-size:12px; font-weight:100; color:black;
}

.SocialAlbum .album .descr {
	font-style:italic; color:#777;
}


/* Action: cluster. */
.SocialAlbum.cluster	{
	margin:12px 0; padding:8px 4px; background:white;
	-moz-border-radius:4px; border-radius: 4px;
}


/* Action: target. */
#main .SocialAlbum.target	{
	width:auto; min-height:124px; margin:24px 0; padding:6px 0; background:white center no-repeat;
	-moz-border-radius:4px; border-radius: 4px;
}
#left .SocialAlbum.target	{
	width:290px; min-height:92px; margin:12px 0; padding:4px 0; background:black center no-repeat;
	-moz-border-radius:3px; border-radius: 3px;
}
#right .SocialAlbum.target	{
	width:200px; min-height:92px; margin:12px 0; padding:4px 0; background:black center no-repeat;
	-moz-border-radius:3px; border-radius: 3px;
}
.SocialAlbum.target .cont 	{ display:block; }

.SocialAlbum.target .hover, .SocialAlbum.target .classic	{
	display:block; width:100%; height:100%;
}

.SocialAlbum.target .left	{
	display:none; float:left; width:38%; height:100%; background: url( http://central.onedotonly.be/style/modules/media.album/circle.left.png ) no-repeat center;
	opacity:0.24;
}
.SocialAlbum.target .link	{
	float:left; width:38%; height:100%; cursor:pointer; 
}
.SocialAlbum.target .right	{
	display:none; float:right; width:38%; height:100%; background: url( http://central.onedotonly.be/style/modules/media.album/circle.right.png ) no-repeat center;
	opacity:0.24;
}

.SocialAlbum.target .linked .left, .SocialAlbum.target .linked .right	{ width:30%; cursor:default; }

.SocialAlbum.target .hover:hover .left, .SocialAlbum.target .hover:hover .right, .SocialAlbum.target .classic:hover .left, .SocialAlbum.target .classic:hover .right	{ display:block; }
.SocialAlbum.target .left:hover, .SocialAlbum.target .right:hover	{ opacity:1; }

.SocialAlbum.target .count	{
	clear:both;
}


/* Action: nav slide. */
#left .SocialAlbum.slide	{
	width:290px; height:90px; padding:18px 0 0; margin:12px 0; background:black;
}

#left .SocialAlbum.slide .reel	{
	display:block; width:290px; height:60px; margin:0 0 4px; background:black; overflow:hidden; cursor:pointer;
}
#left .SocialAlbum.slide .reel .in	{
	display:block; width:217px; height:60px; position:relative;
}
#left .SocialAlbum.slide .reel .in img	{
	float:left;
}



#right .SocialAlbum.slide	{
	width:140px; height:90px; padding:18px 0 0; margin:12px 0; background:black; border:1px solid white;
	-moz-border-radius:5px; border-radius: 5px;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0, 0.5); -moz-box-shadow: 0 0 4px rgba(0,0,0, 0.5);
}

#right .SocialAlbum.slide .reel	{
	display:block; width:140px; height:60px; margin:0 0 4px; background:#222; overflow:hidden; cursor:pointer;
}
#right .SocialAlbum.slide .reel .in	{
	display:block; width:217px; height:60px; position:relative;
}
#right .SocialAlbum.slide .reel .in img	{
	float:left;
}


.SocialAlbum.slide .info	{
	display:block; float:left; width:50%; height:18px; padding-top:2px; opacity:0.32; cursor:pointer;
	color:#4a4a4a; text-align:center;
}
.SocialAlbum.slide:hover .info	{ opacity:1; }
.SocialAlbum.slide .info .stat	{ color:white; }

.SocialAlbum.slide .left	{
	display:block; float:left; width:24%; height:20px; opacity:0.5; cursor:pointer;
	background:url(http://central.onedotonly.be/style/modules/media.album/arr.l.white.png) no-repeat center;
}
.SocialAlbum.slide .right	{
	display:block; float:right; width:24%; height:20px; opacity:0.5; cursor:pointer;
	background:url(http://central.onedotonly.be/style/modules/media.album/arr.r.white.png) no-repeat center;
}

.SocialAlbum.slide .left:hover, .SocialAlbum.slide .right:hover	{ opacity:1; }

.SocialAlbum.thumbs { background: none; margin-top: -25px; }
.SocialAlbum.thumbs:hover img	{ opacity:0.5; }
.SocialAlbum.thumbs img	{
	width:auto; height:auto; padding: 0 1px; background:white; opacity:0.24; margin-bottom: 3px;
}
.SocialAlbum.thumbs img:first-child	{
	padding:6px 1px 0; 
	-moz-border-radius:4px 4px 0 0; border-radius: 4px;
}
.SocialAlbum.thumbs img:last-child	{
	padding:0 1px 0px; 
	-moz-border-radius:0 0 4px 4px; border-radius: 4px;
}
.SocialAlbum.thumbs:hover img:hover, .SocialAlbum.thumbs img.active:hover	{ opacity:1; }
.SocialAlbum.thumbs img.active	{ opacity:0.8; }


/* Action: nav snake. */
#main .SocialAlbum.snake, #left .SocialAlbum.snake, #right .SocialAlbum.snake	{
	width:450px; height:38px; padding:1px 0; margin:8px 0; background:black;
	-moz-border-radius: 4px; border-radius: 4px;
}

.SocialAlbum.snake .reel	{
	display:block; float:left; width:92%; height:100%; background:#222; overflow:hidden;
}
.SocialAlbum.snake .reel .in	{
	display:block; width:auto; height:100%; position:relative;
}
.SocialAlbum.snake .reel .in img	{
	float:left; cursor:pointer;
}

.SocialAlbum.snake .left	{
	display:block; float:left; width:4%; height:100%; opacity:0.5; cursor:pointer;
	background:url(http://central.onedotonly.be/style/modules/media.album/arr.l.white.png) no-repeat center;
}
.SocialAlbum.snake .right	{
	display:block; float:right; width:4%; height:100%; opacity:0.5; cursor:pointer;
	background:url(http://central.onedotonly.be/style/modules/media.album/arr.r.white.png) no-repeat center;
}
.SocialAlbum.snake .left:hover, .SocialAlbum.snake .right:hover	{ opacity:1; }

/* Action: raw */
.SocialAlbum.raw	.img {
	display:block; float:left; min-height:124px; overflow:hidden; padding:2px 4px; width:96px;
	text-align:center;
}
.SocialAlbum.raw	.img img { display:block; }
.SocialAlbum.raw	.img:hover { background:black; }


